<template>
  <div class="flow-cc">
    <div class="header-title">
      <el-menu :default-active="activeGroup" mode="horizontal" @select="handleChangeGroup">
        <el-menu-item index="1">站群栏目</el-menu-item>
        <!-- <el-menu-item index="2">融媒体服务</el-menu-item> -->
      </el-menu>
    </div>
    <StationCc v-if="activeGroup == 1" :groupId="activeGroup" />
  </div>
</template>

<script setup>
import { computed } from 'vue'
import { useRouter } from 'vue-router'
import StationCc from '@/views/flow/task/components/station/StationCc'

const router = useRouter()
const activeGroup = computed(() => {
  let result = '1'
  if(router.currentRoute.value.query.groupId){
    result = router.currentRoute.value.query.groupId
  }
  return result
})
const handleChangeGroup = (val) => {
  router.push({
    path: '/flow/task/cc',
    query: {
      groupId: val
    }
  })
}
</script>

<style lang='scss' scoped>
.header-title {
  margin-bottom: 20px;
}
</style>